import './zoom-in-modal.css'
import {
  ModalBox
} from "@/components/ModalBox/main";

export default {
  bind(el, binding) {
    el.addEventListener('click', e => {
      // console.log(e.target.src);
      event.stopPropagation()
      ModalBox(e.target.src);
    }, false)
  },
  inserted(el, binding) {
    //     <mt-popup v-model="show" :popup-transition="popup-fade">
    //     <img src="@/assets/card.png" >
    // </mt-popup>

    // var myDiv = document.createElement('div');
    // myDiv.style.width = '300px';
    // myDiv.style.height = '300px';
    // myDiv.style.background = 'red';
    // myDiv.style.position = 'fixed';
    // myDiv.style.display = 'none';
    // document.body.appendChild(myDiv);
    // el.onclick = function (event) {
    //   myDiv.style.display = 'block'
    // }
  }
}